<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<section class="canalesWrapper">
<div class="formularioWrapper">
	<article class="formulario">
	<div class="campo">
		<h:outputLabel value="#{recursos['nombre']}" for="nombre" />
		<h:inputText id="nombre" value="#{proyectoBean.proyecto.nombre}" />
	</div>
	<div class="campo">
		<h:outputLabel value="#{recursos['compas']}" for="compasNumerador" />
		<rich:inputNumberSpinner id="compasNumerador" maxValue="4"
			minValue="2" inputSize="1"
			value="#{proyectoBean.proyecto.compasNumerador}" />
		<rich:inputNumberSpinner id="compasDenominador" maxValue="4"
			minValue="2" inputSize="1"
			value="#{proyectoBean.proyecto.compasDenominador}" />
	</div>
	<div class="clear" />
	<rich:panel id="users">
	<div class="campo">
		<h:graphicImage value="/resources/img/up_icon.gif"
			onclick="#{rich:component('ds')}.previous()" alt="arr_left" />
	</div>
	<a4j:repeat rows="6" value="#{proyectoBean.usuarios}" var="usuario"
		id="usuarios">
		<div class="campo">
		<div class="usuario">
		<h:selectBooleanCheckbox styleClass="seleccionar" value="#{usuario.seleccionado}" />
		<h:outputText value="#{usuario.usuario.nombre}" />
		</div>
		</div>
	</a4j:repeat>
	<div class="campo">
		<h:graphicImage value="/resources/img/down_icon.gif"
			onclick="#{rich:component('ds')}.next()" alt="arr_right" />
	</div>
	<div class="clear" />
	<div class="campo">
		<rich:dataScroller for="usuarios" id="ds" render="users" 
			stepControls="hide" boundaryControls="hide" fastControls="hide"
			maxPages="10" />
	</div>
	</rich:panel>
	<div class="clear" />
	</article>
	<div class="botonGrande">
		<h:commandButton id="cargarBoton" value="#{recursos['crear']}"
			action="#{proyectoBean.crear}" />
	</div>
</div>
</section>
</html>
